<template>
	<div class="app">
		<Game>
			<template scope="qwe">
				<ul>
					<li v-for="(item,index) in qwe.games" :key="index">
						{{item}}
					</li>
				</ul>
			</template>
		</Game>

		<Game>
			<template scope="qwe">
				<ol>
					<li v-for="(item,index) in qwe.games" :key="index">
						{{item}}
					</li>
				</ol>
			</template>
		</Game>

		<Game>
			<template scope="qwe">
				<h4 v-for="(item,index) in qwe.games" :key="index">
					{{item}}
				</h4>
			</template>
		</Game>
	</div>
</template>

<script>
	import Game from './components/Game'

	export default {
		name:'App',
		components:{Game},
	}
</script>

<style>
	.app{
		display: flex;
		justify-content: space-around
	}
	a{
		margin-right: 30px;
	}
</style>